$--common-font-size: 14px;

// 基础颜色定义
$--color-primary: #5587F0; // 主色
$--color-mint: #64D7B9;
$--color-green: #7DD75A; // 主色
$--color-vanilla: #F0DC5A;
$--color-yellow: #FFBE5A; // 主色
$--color-tomato: #DC5564;
$--color-blue: #446cc0;
$--color-green: #50AC94;
$--color-yellow: #997236;
$--color-red: #FA5F87; // 主色
$--color-lavender: #CD50D2;
$--color-grape: #7D50DC;
$--color-indigo: #4655F0;
$--color-main-grey: #F3F3F4;
$--color-grey-base: #dcdfe6;
$--color-grey1: #323232;
$--color-grey2: #5b5b5b;
$--color-grey3: #969696;
$--color-grey4: #DCDCDC;
$--color-grey5: #848484;
$--color-grey6: #FAFAFA;
$--color-grey7: #ADADAD;
$--color-grey8: #c1c1c1;
$--color-grey9: #d6d6d6;
$--color-grey10: #999999;
$--color-grey11: #EAEAEA;
$--color-grey12: #5B5B5B;
$--color-white: #ffffff;
$--color-white2: #FAFAFE;
$--color-title: #232323;

// 评分颜色
$--color-star: #EBAD50;

//状态颜色定义
$--color-maia-success: $--color-mint;
$--color-maia-info: $--color-primary;
$--color-maia-danger: $--color-red;
$--color-maia-warning: $--color-yellow;
//边框
$--color-maia-border: $--color-grey4;
$--color-maia-border2: $--color-white;
$--color-maia-border3: $--color-grey11;
$--maia-border: 1px solid $--color-maia-border;
$--maia-border2: 1px solid $--color-maia-border2;
$--maia-border-gray: 1px solid $--color-maia-border3;
// $-color-primary 10%
$--color-primary-10: #EEF3FE;
//背景色
$--color-background: $--color-white;
$--color-background2: $--color-grey3;
$--color-background3: $--color-red;
$--color-background4: $--color-primary;
$--color-background5: $--color-grey5;
$--color-background6: $--color-grey6;
$--color-background7: $--color-grey4;
$--color-background-red: #FEEFF3;
$--color-background-blue: #EEF3FD;
$--color-background-green: #EFFBF8;
$--color-background-yellow: #FDFBEE;
$--color-background-light: $--color-white2;
// 一般用做背景色
$--color-background-con: #f5f5f5;
// menu 背景颜色
$--color-menu-bg: #282832;
$--color-menu-border: #373c46;
//字体颜色
$--color-text-title: $--color-grey1;
$--color-text: $--color-grey2;
$--color-text-light: $--color-grey3;
$--color-text-primary-ma: $--color-primary;
$--color-text-grey: $--color-grey8;
$--color-text-grey-con: $--color-grey10;
$--color-text-white: $--color-grey2;
// 未激活文字
$--color-text-inactive: $--color-grey12;
//form相关
$--color-disabled: $--color-grey5;
$--color-disabled-text: $--color-text-light;
$--color-placeholder-text: $--color-text-light;
$--radio-border: 2px;


$--color-nav-main: #232832;
$--color-sidebar-hover: #202028;
$--side-bar-width: 200px;
$--side-bar-collapse-width: 60px;
$--img-logo-height: 22px;
$--header-height: 48px;
$--nav-bar-height: 46px;
$--btn-hover-height: 36px;


$--color-table-background: #ECEEFD;
$--color-date-picker-icon: #999999;


:export {
  colorMenuBg: $--color-menu-bg; // 左侧导航背景色
  colorNavMain: $--color-nav-main; // 导航条主色调
  colorSidebarHover: $--color-sidebar-hover; // 导航条Hover时色调
  sidebarWidth: $--side-bar-width; // 导航条宽度
  sidebarCollapseWidth: $--side-bar-collapse-width; // 导航条折叠起来时宽度
  imgLogoHeight: $--img-logo-height; // logo高度
  headerHeight: $--header-height; // 顶部导航高度
  navbarHeight: $--nav-bar-height; // 左侧导航item高度

  navTextColor: $--color-white; // 导航中文字颜色
}